<jsp:useBean id="informationId" scope="request" type="java.lang.String"/>
<jsp:useBean id="orderPrice" scope="request" type="java.math.BigDecimal"/>
<jsp:useBean id="orderId" scope="request" type="java.lang.String"/>
<jsp:useBean id="accountId" scope="request" type="java.lang.String"/>
<jsp:useBean id="name" scope="request" type="java.lang.String"/>
<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2023-12-23
  Time: 下午 03:41
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>支付订单</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <!--
    导入Jquery、请求js、value工具类、input工具类、页面js、页面样式css
    ${pageContext.request.contextPath}:获取当前 web 应用的上下文路径
    -->
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/orders.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/pay.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/reception_desk/pay.js"></script>
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/pay.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<div class="body">
    <div class="function">
        <div class="function-protect">
            <div class="title">
                <div class="logo">
                    <img src="http://localhost:8083/resource_packs/images/logo.png" alt="小米Logo">
                </div>
                <div class="function-title">
                    <h1>支付订单</h1>
                </div>
            </div>
            <div class="other-function">
                <ul class="block">
                    <li class="user-name options drop-down">
                        <a href="" class="drop-down-menu">${name}
                            <img src="http://localhost:8083/resource_packs/images/drop_down.png"
                                 class="options-img" alt="下拉菜单">
                        </a>
                    </li>
                    <li><span class="fill-entity">|</span></li>
                    <li class="options"><a href="">我的订单</a></li>
                </ul>
                <div class="more drop-down">
                    <ul>
                        <li>
                            <a href="">个人中心</a>
                        </li>
                        <li>
                            <a href="">评价晒单</a>
                        </li>
                        <li>
                            <a href="">我的喜欢</a>
                        </li>
                        <li>
                            <a href="">小米账户</a>
                        </li>
                        <li>
                            <a href="">退出登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <jsp:useBean id="address" scope="request" type="com.xm.entity.Address"/>
    <div class="order"
         order-id="${orderId}" account-id="${accountId}"
         order-price="${orderPrice}" information-id="${informationId}">
        <div class="to-be-paid">
            <div class="to-be-paid-img">
                <img src="http://localhost:8083/resource_packs/images/use_coupon.png" alt="生成订单">
            </div>
            <div class="to-be-paid-title">
                <span>订单提交成功！去付款咯～</span>
                <span><br><span>请在<a class="timer">0 小时 15 分</a>内完成支付, 超时后将取消订单 </span><br>收货信息：
                    ${address.addressName}
                    ${address.addressPhone}
                    ${address.addressProvince}
                    ${address.addressCity}
                    ${address.addressDistrict}
                    ${address.fullAddress}
                    ${address.addressLabels}
                </span>
            </div>
        </div>
    </div>

    <div class="payment-options">
        <div class="payment-method-title">
            <span>选择以下支付方式付款</span>
            <div class="payment-method">
                <a class="alipay-payment">
                    <img src="http://localhost:8083/resource_packs/images/alipay_pay.png" alt="支付宝支付">
                </a>
            </div>
            <div>
                <a class="return" href="${pageContext.request.contextPath}/shop?acccountId=${accountId}">返回主页</a>
            </div>
        </div>
    </div>
</div>

<!-- 隐藏部分 -->
<div class="hint-remove" style="display: none">
    <div class="blinded">
    </div>
    <div class="remove-text">
        <div class="remove-character">
            <div class="pay-close-window">
                <img src="http://localhost:8083/resource_packs/images/pop_ups_closes.png"
                     class="remove-img" alt="关闭">
            </div>
            <div class="pay-word">
                <div class="pay-title">
                    <h3>支付宝支付</h3>
                </div>
                <div class="pay-body-window">


                </div>
            </div>
        </div>
    </div>
</div>

<!-- jsp:include导入网页尾部  jsp:param向该页面传值 -->
<jsp:include page="/WEB-INF/page/reception_desk/footer_page.jsp" flush="true">
    <jsp:param name="id" value="1"/>
</jsp:include>
</body>
</html>
